<div class="grid_3">
    <?php require('left_menu.php') ?>
</div>

<div class="grid_9">
    <h1 class="title txtBlackColor">GIỎ HÀNG</h1>
    <div class="blackLine"></div>
    <div class="blockHeight10"></div>

    <h2>Quý khách vui lòng điền đầy đủ thông tin:</h2>
    <form action="" method="post" class="formType_1">
        <div class="grid_4 alpha">
            <input type="text" name="maskFullname" value="Họ tên:"
                       id="maskFullname" ref="fullname" 
                       class="text textMask full txtColor3" />
            <input type="text" name="fullname" value=""
                   id="fullname" title="Họ tên"
                   class="text textNone full txtColor3" />
        </div>
        <div class="grid_4 omega">
            <input type="text" name="maskEmail" value="Email:"
                       id="maskEmail" ref="email" 
                       class="text textMask full txtColor3" />
            <input type="text" name="email" value=""
                   id="email" title="Email"
                   class="text textNone full txtColor3" />
        </div>
        <div class="clear"></div>
        <div class="grid_4 alpha">
            <input type="text" name="maskAddress" value="Địa chỉ:"
                       id="maskAddress" ref="address" 
                       class="text textMask full txtColor3" />
            <input type="text" name="address" value=""
                   id="address" title="Địa chỉ"
                   class="text textNone full txtColor3" />
        </div>
        <div class="grid_4 omega">
            <input type="text" name="maskPhone" value="Điện thoại:"
                       id="maskPhone" ref="phone" 
                       class="text textMask full txtColor3" />
            <input type="text" name="phone" value=""
                   id="phone" title="Điện thoại"
                   class="text textNone full txtColor3" />
        </div>
        <div class="clear"></div>
        
        <div>
            <table class="style1">
                <colgroup>
                    <col width="25">
                    <col width="50">
                    <col>
                    <col width="50">
                    <col width="100">
                    <col width="100">
                </colgroup>
                <thead>
                    <tr>
                        <th>STT</th>
                        <th>HÌNH</th>
                        <th>TÊN SẢN PHẨM</th>
                        <th>SL</th>
                        <th>GIÁ</th>
                        <th>THÀNH TIỀN</th>
                        <th>XÓA</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="center">01</td>
                        <td>
                            <img src="images/giohang_sample.jpg" />
                        </td>
                        <td>
                            Mini ARM STM32F1 Offline Board
                        </td>
                        <td class="center">
                            <input type="text" value="1"
                                   class="prodChkoutInput txtColor3"
                                   title="Click vào để chỉnh sửa"/>
                        </td>
                        <td class="right">12.500.000</td>
                        <td class="right"><strong>12.500.000</strong></td>
                        <td class="center">
                            <a href="javascript:void(0)">
                                <span class="icon_delete"></span>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="center">01</td>
                        <td>
                            <img src="images/giohang_sample.jpg" />
                        </td>
                        <td>
                            Mini ARM STM32F1 Offline Board
                        </td>
                        <td class="center">
                            <input type="text" value="1"
                                   class="prodChkoutInput txtColor3"
                                   title="Click vào để chỉnh sửa"/>
                        </td>
                        <td class="right">12.500.000</td>
                        <td class="right"><strong>12.500.000</strong></td>
                        <td class="center">
                            <a href="javascript:void(0)">
                                <span class="icon_delete"></span>
                            </a>
                        </td>
                    </tr>
                    <tr>
                        <td class="center">01</td>
                        <td>
                            <img src="images/giohang_sample.jpg" />
                        </td>
                        <td>
                            Mini ARM STM32F1 Offline Board
                        </td>
                        <td class="center">
                            <input type="text" value="1"
                                   class="prodChkoutInput txtColor3"
                                   title="Click vào để chỉnh sửa"/>
                        </td>
                        <td class="right">12.500.000</td>
                        <td class="right"><strong>12.500.000</strong></td>
                        <td class="center">
                            <a href="javascript:void(0)">
                                <span class="icon_delete"></span>
                            </a>
                        </td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <th colspan="4" style="border: none; background: none;"></th>
                        <th colspan="3" class="left">
                            <span class="txtBold">TỔNG TIỀN: 37.500.000 VNĐ</span>
                        </th>
                    </tr>
                </tfoot>
            </table>
        </div>
        
        <div style="text-align: right;">
            <button class="btn">Hoàn tất</button>
            <button class="btn">Hủy giỏ hàng</button>
        </div>
    </form>
    
    <h1 class="title txtBlackColor">SẢN PHẨM BÁN CHẠY</h1>
    <div class="blackLine"></div>
    <div class="blockHeight10"></div>
    <?php include('product_list_short.php') ?>
</div>